@media only screen and (max-width: 991px) {
	/*========SECTIONS NOT TO BE DISPLAYED==============*/
	#testimonials, #contact, #facts {
		display: block;
	}
	#desktop-family-pic-holder-1, #desktop-family-pic-holder-2 {
		display: none;
	}
	#banner .logo-shadow, #layerSlider .logo-shadow, #stlChanger {
		display: none;
	}
	/*=========================================*/
	/*==================BANNER=======================*/
	#banner>div {
		display: block;
	}
	#banner {
		height: 530px;
		background-image: url('../images/slider-images-02.jpeg');
		background-position: center bottom;
		background-size: cover;
	}
	#banner-detail {
		padding-top: 80px;
		width: 50%;
	}
	#banner-detail h1 {
		font-size: 90px;
	}
	#banner-detail h6 {
		width: 88%;
	}
	#banner-detail p {
		font-size: 20px;
	}
	/*==============================================*/
	/*#header { overflow: hidden; }*/
	#header .navbar-nav {
		float: none;
	}
	#header>.navbar-nav {
		float: none;
	}
	#navigation-menu ul.nav li {
		border-bottom: 1px solid #565656;
		border-left: none;
		border-right: none;
		background-color: #393939;
		width: 100% !important;
		height: auto;
		padding: 0;
	}
	#navigation-menu ul.nav a {
		color: #aeaeae;
		padding: 20px !important;
	}
	#navigation-menu ul.nav a:hover {
		background-color: #222222;
		color: #fff;
	}
	#head1>div:first-child {
		display: none;
	}
	#head1>div:last-child {
		display: none;
	}
	#head1 .trapezoid {
		position: relative;
		margin: 0 auto;
		top: -10px;
	}
	#head1 .trapezoid a {
		top: -70px;
		width: 178px;
		left: 50%;
		margin-left: -89px;
	}
	#navigation-menu {
		position: absolute;
		top: 70px;
		width: 100%;
		z-index: 99;
		padding: 0px;
		/* ----------------------- */
	}
    #header> div.container {
        display: none;
    }
    #nav-div .navbar-header {
        display: -ms-flexbox;
        display: flex;
        height: 70px;
    }
    .navbar-brand img {
        margin: 0px auto !important;
    }
    .navbar-brand {
       order: 1; 
        padding: 10px 15px;
    }

	#header>#nav-div {
		position: relative;
        
	}
	.navbar-toggle {
		padding: 12px 14px;
        border-radius: 0;
        float: none !important;
        order: 2;
        margin-left: auto !important;
        margin-bottom: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
	}
	.navbar-toggle#nav-toggle span {
		background-color: #333;
	}
	#header .second {
		display: none;
	}
	/*------------CLICK-----------*/
	.banner-drop {
		margin-top: 225px;
	}
	/*=========================================*/
	/*===============COMMON=====================*/
	.hgroup h2, .hgroup h3 {
		text-align: center;
	}
	.hgroup h2 {
		font-size: 45px;
	}
	/*=========================================*/
	/*===============HOME====================*/
	#home h3, #home p {
		text-align: center;
	}
	#home .figcaption ul {
		margin: 30px auto;
	}
	#home .figure {
		display: none;
	}
	/*=========================================*/
	/*================OFFER===================*/
	#offer article, #about-us article {
		margin-bottom: 50px;
	}
	#offer .figcaption, #about-us .figcaption {
		margin-top: 35px;
	}
	#offer .figcaption h4, #about-us .figcaption h4 {
		font-size: 25px;
		padding: 0 25px;
	}
	#offer .figcaption h5, #about-us .figcaption h5 {
		display: none;
	}
	/*=========================================*/
	/*===============WORKS=================*/
	ul#filters li, #options {
		border: none;
	}
	ul#filters li {
		padding: 0;
		text-align: center;
		width: 30%;
		float: left;
		margin: 8px;
	}
	ul#filters a {
		background-color: #393939;
		padding: 17px 0;
		border-radius: 5px;
		width: 100%;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	ul#filters a.active {
		background-color: #d63240;
	}
	#filters a {
		color: #fff!important;
		font-size: 20px;
		/*font-family: sanspro-regular!important;*/
	}
	#filters a:hover {
		text-decoration: none;
	}
	.portfolioContainer .element-item.width2, .portfolioContainer .element-item.width1, .portfolioContainer .element-item.width {
		width: 50%;
		overflow: hidden;
	}
	.portfolioContainer .element-item img {
		max-width: none;
	}
	/*=========================================*/
	/*===============PRICES=================*/
	.prices-monthly-plan {
		background-color: #393939;
		z-index: 5;
	}
	.prices-monthly-plan h4, .prices-monthly-plan h5 {
		z-index: 20;
	}
	.prices-monthly-plan .arrow-right {
		display: none;
	}
	.plan-details .arrow-down {
		position: absolute;
		top: 0%;
		width: 0px;
		height: 0px;
		border-left: 45px solid transparent;
		border-right: 45px solid transparent;
		border-top: 16px solid #393939;
		z-index: 10;
	}
	.plan-details {
		position: relative;
	}
	.prices-monthly-details, .prices-monthly-select {
		background-color: #d63240;
	}
	.prices-monthly-select {
		padding: 0 0 45px;
		min-height: 0;
	}
	.prices-monthly-details {
		padding: 35px 43px;
	}
	.prices-monthly-details>div {
		margin-bottom: 18px;
	}
	#prices .prices-monthly-select a {
		background-color: #191919!important;
		font-size: 18px;
		padding: 12px 18px;
	}
	.prices-monthly-select p {
		display: none;
	}
	.prices-monthly-details h4, .prices-monthly-details h5 {
		color: #fff!important;
		margin: 0;
	}
	.prices-plan>div.active {
		background-color: #393939;
		background-image: none;
	}
	.plan-details {
		position: absolute;
		top: -200px;
		opacity: 0;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	#prices article, #services article {
		position: relative;
		overflow: hidden;
		height: 208px;
		border-bottom-color: #d63240;
		border-bottom-style: solid;
		border-bottom-width: 5px;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	/*-----------CLICK----------------*/
	.prices-monthly-plan:hover {
		cursor: pointer;
	}
	.show-plan-details {
		top: 200px!important;
		opacity: 1!important;
	}
	.show-plan {
		height: 616px!important;
		border: none!important;
	}
	/*=========================================*/
	/*============PURCHASE=================*/
	#purchase h6 {
		text-align: center;
	}
	.purchase-button-wrapper {
		padding: 11px 0 110px;
		text-align: center;
	}
	/*=========================================*/
	/*================FAMILY=================*/
	.mobile-family-pic-holder {
		position: relative;
		margin: 25px 0;
		overflow: hidden;
	}
	#mem2, #mem4, #mem6 {
		left: 0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	/*------------MEMBER DETAILS STYLING (COMMONG)---------------*/
	.mobile-family-pic-holder h4, .mobile-family-pic-holder h5 {
		color: #fff;
	}
	.mobile-family-pic-holder figcaption {
		background-color: #d63240;
	}
	/*----------------------------------------------------------*/
	/*------------MEMBER DETAILS STYLING (LEFT)---------------*/
	.mobile-family-pic-holder h4 {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 600;
		font-size: 32px;
		margin-bottom: 0;
		margin-top: 0;
	}
	.mobile-family-pic-holder h5 {
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 18px;
		margin-top: 0;
	}
	.mobile-family-pic-holder p {
		font-family: 'Source Sans Pro', sans-serif;
		color: #ffbbc1;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.mobile-family-pic-holder a {
		margin-left: 4px;
		margin-right: 4px;
	}
	.mobile-family-pic-holder i {
		font-size: 25px;
		background-color: #ffbbc1;
		color: #d63240;
		border-radius: 50%;
		padding: 5px 5px 5px 7px;
		width: 36px;
	}
	/*------------------------------------------------------*/
	.mobile-family-pic-holder img {
		width: 100%;
		/*-webkit-filter: grayscale(100%);
		   -moz-filter: grayscale(100%);
			   -o-filter: grayscale(100%);
			  -ms-filter: grayscale(100%);
						filter: grayscale(100%);*/
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.mobile-family-pic-holder figure {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.mobile-family-pic-holder figure:hover img {
		cursor: pointer;
		/*-webkit-filter: grayscale(0%);
		   -moz-filter: grayscale(0%);
			   -o-filter: grayscale(0%);
			  -ms-filter: grayscale(0%);
						filter: grayscale(0%);*/
	}
	.mobile-family-pic-holder figcaption {
		position: absolute;
		top: 0;
		right: -800px;
		width: 100%;
		/*width: 360px;*/
		/* height: 321px; */
		height: 100%;
		z-index: 999;
		opacity: 0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.hovered {
		opacity: 1!important;
	}
	/*=========================================*/
	/*============FOOTER 1=================*/
	#footer-1 {
		min-height: 0;
	}
	#footer-1 .col-md-offset-1, #footer-1 article:last-child {
		/*display: none;*/
	}
	#footer-1 {
		text-align: center;
        padding-bottom: 25px;
	}
	#footer-1 article p, #footer-1 article div {
		margin: 50px auto;
	}
	/*=========================================*/
	/*============FOOTER 2=================*/
    #footer-2 .row > a#ScrollTop {
        left: 50%;
        right: auto !important;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 70px;
        top: -34px !important;
        display: block;
    }
	#footer-2 article {
		text-align: center;
	}
    #footer-2 article.footer-navbar {
        padding: 50px 0 40px;
    }
	/*=========================================*/
    .how-we-work p, .customcont p, #our_firm_para p,.services_text p,.workpad p,#team_info_text p,.media-body p, #how-we-work p {
        text-align: left !important;
        font-size: 18px !important;
        line-height: 22px !important;
    }

    .blog_img img {
        height: auto !important
    }
}

.how-we-work p, .customcont p, #our_firm_para p,.services_text p,.workpad p,#team_info_text p,.media-body p, #how-we-work p { 
    font-size: 18px !important;
        line-height: 22px !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#offer .hexagon i, #about-us .hexagon i {
		width: 80px;
		left: 50%;
		height: 76px;
		top: 55%;
		transform: translate(-50%, -50%);
	}
	.hgroup h3 {
		font-size: 28px;
	}
	#banner-detail img {
		height: 80px;
		width: 80px;
		/* left: 155px; */
		top: 150px;
		left: 50%;
		margin-left: -40px;
	}
	#home p {
		width: 550px;
		margin-left: auto;
		margin-right: auto;
	}
	#offer article:nth-child(2n) {
		padding-left: 80px;
	}
	#offer article:nth-child(2n+1) {
		padding-right: 80px;
	}
	#offer .hexagon i.sprite-Diamond_icon {
		top: 84px;
	}
	#offer article:nth-child(2) i {
		top: 74px;
	}
	#offer .hexagon i {
		top: 79px;
		/* left: 90px; */
		left: 95px;
	}
	#works .container:first-child {
		/*padding: 0 100px;*/
		padding: 0;
	}
	#prices .container {
		/*padding: 0 80px;*/
		padding: 0;
	}
	.plan-details {
		width: 590px;
	}
	.plan-details .arrow-down {
		right: 42%;
	}
	.purchase-hgroup {
		padding: 40px 0;
	}
	.mobile-family-pic-holder .col-md-7 {
		padding: 30px 30px 20px 40px;
	}
	figcaption.hovered {
		right: -345px!important;
	}
}

@media only screen and (max-width: 767px) {
	.mobile-family-pic-holder p {
		display: none;
	}
	.portfolioContainer .project-details, .portfolioContainer .project-details-overlay {
		display: none;
	}
	/*--------------------- FOR IE 8 ONLY --------------------------*/
	.no-svg .mobile-family-pic-holder p {
		display: none;
	}
	.no-svg .portfolioContainer .project-details, .no-svg .portfolioContainer .project-details-overlay {
		display: none;
	}
	/*--------------------- FOR IE 8 ONLY --------------------------*/
}

@media only screen and (max-width: 520px) {
	#offer article {
		width: 100%;
	}
}